<template>
  <div class="top">
    <div class="saoma" @click="fun()">
      <span class="back">&lt;</span>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    fun(){
      this.$router.push('/wode');
    }
  },
}
</script>

<style scoped>
  .top{
    height: 1.83rem;
    border-radius: 0 0 .1rem .1rem;
    background-image:url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farticle%2F453d49d120fa99012121c856a2bbd7045d686656.jpg&refer=http%3A%2F%2Fi0.hdslb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1648124242&t=bb16172287d85a9faa938c6b84dc2c1e');
    background-size: 100%;
    position: relative;
  }
  .top .saoma{
    width: .34rem;
    height: .34rem;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.1);
    text-align: center;
    line-height: .34rem;
    position: absolute;
    left: .1rem;
    top: .1rem;
  }
  .back{
    font-size: .2rem;
    color: white;
  }
</style>